<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> - FooTable</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/page.css"/>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>

    <!-- 分页js -->
    <script type="text/javascript" src="js/jquery.page.js"></script>


    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/core.js"></script>
    <script src="js/channelReport.js"></script>
</head>

<body class="gray-bg">

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>渠道商引流情况报表</h5>
                </div>
                <div class="ibox-content">

                    <div class="row">
                        <div class="col-sm-2">
                            <div class="input-group">
                                <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                <input type="text" id="applyTime" name="applyTime" class="form-control input dateranger" value="" placeholder="注册时间">
                            </div>
                            <link rel="stylesheet" href="lingyun/daterangepicker.css">
                            <script src="lingyun/moment.min.js"></script>
                            <script src="lingyun/daterangepicker.js"></script>
                            <script type="text/javascript">
                                $(function() {
                                    // 初始化日期范围插件
                                    $('#applyTime').daterangepicker({
                                        "showDropdowns": true,
                                        "autoApply": false,
                                        // "dateLimit": {
                                        //     "days": 365 * 100
                                        // },
                                        "linkedCalendars": false,
                                        "opens": 'right',
                                        "ranges": {
                                            "一周内": [
                                                moment().subtract(6, 'days'),
                                                moment()
                                            ],
                                            "一月内": [
                                                moment().subtract(29, 'days'),
                                                moment()
                                            ],
                                            "本月内": [
                                                moment().startOf('month'),
                                                moment().endOf('month')
                                            ],
                                            "上个月": [
                                                moment().subtract(1, 'month').startOf('month'),
                                                moment().subtract(1, 'month').endOf('month')
                                            ]
                                        },
                                        autoUpdateInput: false,
                                        locale: {
                                            format: 'YYYY-MM-DD',
                                            separator: ' - ',
                                            applyLabel: '确定',
                                            cancelLabel: '取消',
                                            fromLabel: '从',
                                            toLabel: '到',
                                            customRangeLabel: '日期范围',
                                            daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                                            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                                            firstDay: 1
                                        },
                                        "minDate": "YYYY-MM-DD",
                                        "maxDate": "YYYY-MM-DD"
                                    }, function(start, end, label) {
                                        console.log("New date range selected: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + " (predefined range: " + label + ")");
                                    });

                                    $('#applyTime').on('apply.daterangepicker', function(ev, picker) {
                                        $(this).val(picker.startDate.format('YYYY-MM-DD') + '~' + picker.endDate.format('YYYY-MM-DD'));
                                    });

                                    $('#applyTime').on('cancel.daterangepicker', function(ev, picker) {
                                        $(this).val('');
                                    });
                                })
                            </script>
                        </div>
                        <div class="col-sm-2">
                            <div class="input-group">
                                <input id="name" type="text" placeholder="账号" class="input-sm form-control">
                            </div>
                        </div>
                        <select hidden="hidden" id="status" name="cid" style="height:31px;border-radius: 3px;border: solid 1px #ddd;" onchange="searchuser()">
                            <option value="-1">请选择</option>
                            <option value="0">未认证</option>
                            <option value="1">认证成功</option>
                        </select>

                        <button type="button" id="toSearch" class="btn btn-sm btn-primary" style="margin-left:20px ;" onclick="searchuser()"> 搜索</button>
                        <button type="button"  class="btn btn-sm btn-primary" style="margin-left:20px ;" onclick="excal()">导出</button>
                    </div>

                    <div class="col-sm-0">
                        <div class="input-group">
                            人数：
                            <span id="thiscount"></span>
                        </div>
                    </div>
                    <table class="table table-stripped toggle-arrow-tiny" data-page-size="8">
                        <thead>
                        <tr>
                            <th>渠道商</th>
                            <th>注册人数</th>
                            <th>认证人数</th>
                            <th>失败人数</th>
                            <th>通过人数</th>
                            <th>未完成人数</th>
                            <th>放款人数</th>
                            <th>认证率</th>
                            <th>认证通过率</th>
                            <th>成功放款率</th>
                        </tr>
                        </thead>
                        <tbody id="thislist">
                        </tbody>
                        <tbody>
                        <tr>
                            <td colspan="8">
                                <div id="pager"></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
